<div class="left_col scroll-view modern-sidebar">
  <!-- 顶部品牌区域 -->
  <div class="sidebar-header">
    <div class="brand-section">
      <div class="brand-logo">
        <i class="fa fa-laptop brand-icon"></i>
      </div>
      <div class="brand-info">
        <h1 class="brand-title">{{ settings.name }}</h1>
        <!--<span class="brand-subtitle">集群管理平台</span>-->
      </div>
    </div>
  </div>

  <!-- 用户信息区域 -->
  <div class="user-profile-section">
    <div class="user-avatar">
      <img src="{{ settings.logo_url }}?v1029" alt="用户头像" class="avatar-img">
      <div class="online-status"></div>
    </div>
    <div class="user-info">
      <h3 class="user-name">{{request.session.user.username }}</h3>
      <span class="user-role">{{ settings.welcome }}</span>
    </div>
    <div class="user-actions">
      <button class="profile-btn" onclick="window.location.href='/logout'">
        <i class="fa fa-remove"></i>
      </button>
    </div>
  </div>

  <!-- 主菜单区域 -->
  <div class="main-menu-section">
    <div class="menu-category">
      <h4 class="category-title">系统导航</h4>
      <ul class="menu-list">
        
        <!-- 主页 -->
        <li class="menu-item">
          <a href="/" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-home"></i>
            </div>
            <span class="menu-text">控制面板</span>
            <span class="menu-badge">info</span>
          </a>
        </li>

        <!-- 标注训练 -->
        <li class="menu-item has-submenu">
          <a href="javascript:void(0);" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-train"></i>
            </div>
            <span class="menu-text">标注训练</span>
            <i class="fa fa-chevron-right menu-arrow"></i>
          </a>
          <ul class="submenu">
            <li><a href="/labelTask/index" class="submenu-link">标注任务管理</a></li>
            <li><a href="/labelTask/add" class="submenu-link">添加标注任务</a></li>
            <li><a href="/labelTask/edit" class="submenu-link">编辑标注任务</a></li>
            <li><a href="/labelTask/sample" class="submenu-link">标注工具</a></li>
            <li><a href="/labeltkTrain/index" class="submenu-link">训练任务管理</a></li>
            <li><a href="/labeltkTrain/add" class="submenu-link">添加训练任务</a></li>
            <li><a href="/labeltkTrain/train" class="submenu-link">训练工具</a></li>
          </ul>
        </li>

        <!-- 文搜视频 -->
        <li class="menu-item">
          <a href="/media/index" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-fax"></i>
            </div>
            <span class="menu-text">文搜视频</span>
          </a>
        </li>

        <!-- 节点管理 -->
        <li class="menu-item has-submenu">
          <a href="javascript:void(0);" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-database"></i>
            </div>
            <span class="menu-text">节点管理</span>
            <i class="fa fa-chevron-right menu-arrow"></i>
          </a>
          <ul class="submenu">
            <li><a href="/node/index" class="submenu-link">节点管理</a></li>
            <li><a href="/node/add" class="submenu-link">添加节点</a></li>
            <li><a href="/node/edit" class="submenu-link">编辑节点</a></li>
          </ul>
        </li>

        <!-- 报警管理 -->
        <li class="menu-item has-submenu">
          <a href="javascript:void(0);" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-bullhorn"></i>
            </div>
            <span class="menu-text">报警管理</span>
            <!--<span class="menu-badge danger">3</span>-->
            <i class="fa fa-chevron-right menu-arrow"></i>
          </a>
          <ul class="submenu">
            <li><a href="/alarm/index" class="submenu-link">报警管理</a></li>
            <li><a href="/alarm/edit" class="submenu-link">报警详情</a></li>
          </ul>
        </li>

        <!-- 视频管理 -->
        <li class="menu-item has-submenu">
          <a href="javascript:void(0);" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-video-camera"></i>
            </div>
            <span class="menu-text">视频管理</span>
            <i class="fa fa-chevron-right menu-arrow"></i>
          </a>
          <ul class="submenu">
            <li><a href="/stream/index" class="submenu-link">视频管理</a></li>
            <li><a href="/stream/player" class="submenu-link">单屏播放器</a></li>
          </ul>
        </li>

        <!-- 布控管理 -->
        <li class="menu-item has-submenu">
          <a href="javascript:void(0);" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-cube"></i>
            </div>
            <span class="menu-text">布控管理</span>
            <i class="fa fa-chevron-right menu-arrow"></i>
          </a>
          <ul class="submenu">
            <li><a href="/control/index" class="submenu-link">布控管理</a></li>
            <li><a href="/control/add" class="submenu-link">添加布控</a></li>
            <li><a href="/control/edit" class="submenu-link">编辑布控</a></li>
          </ul>
        </li>

        <!-- 用户管理 -->
        <li class="menu-item has-submenu">
          <a href="javascript:void(0);" class="menu-link">
            <div class="menu-icon">
              <i class="fa fa-user"></i>
            </div>
            <span class="menu-text">用户管理</span>
            <i class="fa fa-chevron-right menu-arrow"></i>
          </a>
          <ul class="submenu">
            <li><a href="/user/index" class="submenu-link">用户管理</a></li>
            <li><a href="/user/add" class="submenu-link">添加用户</a></li>
            <li><a href="/user/edit" class="submenu-link">编辑用户</a></li>
          </ul>
        </li>

      </ul>
    </div>
  </div>

  <!-- 底部区域 -->
  <div class="sidebar-footer">
    <div class="footer-content">
      <div class="version-info">
        <span class="version-text">v2.5</span>
        <span class="build-info">开源版</span>
      </div>
      <div class="footer-actions">
        <!--<button class="footer-btn" title="设置">
          <i class="fa fa-cog"></i>
        </button>-->
        <button class="footer-btn" onclick="window.open('https://beixiaocai.yuque.com/org-wiki-beixiaocai-vo72oa/xcnvs')" title="帮助">
          <i class="fa fa-question-circle"></i>
        </button>
      </div>
    </div>
  </div>
</div>